<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
$Root$ 
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<!-- IE=Edge stops IE going into compatibility mode for intranet sites -->
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta name="viewport" content="width=device-width, user-scalable=no">
	<script type="text/javascript" src="script.js.aspx?v=~version~"  defer="defer"></script>
	<script src="jquery-1.9.1.min.js.aspx"></script>
	<script src="jquery_dropdown.js.aspx"></script>

	$RecordViewHtml$
	$CustomScriptSource$<script type='text/javascript' src='~CustomScriptSource~'></script>$end$
	$CustomCSSSource$<link rel='stylesheet' type='text/css' href='~CustomCSSSource~' /> $end$
	$end$
	$FavIcon$
	<link rel="icon" type="~DataType~" href="~File~" />
	<link rel="shortcut icon" type="~DataType~" href="~File~" />
	$end$
	
	<style type="text/css">
	~CustomStyles~
	</style>
	
    <link  rel='stylesheet' type='text/css' href="dbf.css.aspx?v=~version~~ISMOBILE~" />
	<link rel="stylesheet" type="text/css" href="styles.css.aspx?v=~version~" />
	<link rel="stylesheet" type="text/css" href="jquery_dropdown.css.aspx" />	
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />

	$RSSLink$<link rel="alternate" type="application/rss+xml" title="~Title~" href="~Link~" />$end$
	<title>~appTitle~</title>

	<script type="text/javascript">

	  	function gridMouseOut(rowID, newColor)
	   	{
	   		// showing the dropdown menu? 
	   		// if so, delay this until it's not showing anymore...
	   		if(!$$('#editDDRow').is(':hidden')) {
	   			setTimeout(function() {
	   				gridMouseOut(rowID, newColor);
	   			}, 1000);
	   			return;
	   		}
	   	
	  		// hide the action menu
	  		var menu = document.getElementById("actionsDropDown_" + rowID);
			if (menu!=null) menu.style.display = "none";
	  		var selector = document.getElementById("selector_" + rowID);
			if (selector!=null) selector.style.display = "none";
	  		var eb = document.getElementById("editButton_" + rowID);
			if (eb!=null) eb.style.display = "none";
	
	  		var item = document.getElementById("row" + rowID);
	 		if (!item.isSelected)
	 		{
		  		item.style.backgroundColor = newColor;
		  		item = document.getElementById("rowPreview" + rowID);
		  		if (item!=null)	
		  		{
		  			item.style.backgroundColor = newColor;
		  		}
		  	}
		}
	
	  	function gridMouseOver(rowID)
	  	{
	   		// showing the menu? stop highlighting...
	   		if(!$$('#editDDRow').is(':hidden')) return;
	   		
	  		// show the action menu
	  		var menu = document.getElementById("actionsDropDown_" + rowID);
			if (menu!=null) menu.style.display = "inline";
	  		var selector = document.getElementById("selector_" + rowID);
			if (selector!=null) selector.style.display = "inline";
	  		var eb = document.getElementById("editButton_" + rowID);
			if (eb!=null) eb.style.display = "inline";
			
	  		var item = document.getElementById("row" + rowID);
			if (!item.isSelected)
			{
		  		item.style.backgroundColor = '#F6BE5E';
		  		item = document.getElementById("rowPreview" + rowID);
		  		if (item!=null)	item.style.backgroundColor = '#F6BE5E';
		  	}
	  	}
	   

		function startup()
		{
	$RecordViewHtml$~CustomViewOnLoad~$end$
	$LiveUpdates$
			watchForUpdates("~AddSubURL~", "~WaitNotifyURL~");
		$end$

		
		// at startup...
		$$("#logo").css("left", $$(".copyright").offset().left + "px");
		$$("#logo").css("top", "0px");
		$$("#logo").show();
	
		$$(window).bind("resize", function() {
			$$("#logo").css("left", $$(".copyright").offset().left + "px");
			$$("#logo").css("top", "0px");
		});

		}
		function shutdown()
		{
	$LiveUpdates$
			unWatchUpdates("~DelSubURL~");	
			$end$
		}
	</script>
	
</head>

<body class="screenBackground" onload="javascript:startup()" onunload="javascript:shutdown()">
<!-- ----------------------------全部页面 开始------------------------------- -->
<div class="main">

    
<!-- THIS DIV IS USED TO CLOSE DROPDOWNS -->
	<div id="blurdetector" style="display: none; overflow: hidden; position: absolute;  background-color: black; top: 0;left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=1); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'" onclick="javascript:ShowDropDown(null, null, null, 'CLOSE')">
		&nbsp;
	</div>
<!-- END OF DIV USED TO CLOSE DROPDOWNS -->

<!-- ----------------------------头 开始------------------------------- -->
  <div class="header">
    <div class="block_header">
    
			    <div id="quicklinks" class="portWidth">
				    <div id="quicklinksText" >
				    <!-- TOP RIGHT LINKS -->
				    $!Mobile$
					    ~username~ ~appLinks~ | $upgradeLink$~upgradeLink~ |$end:upgradeLink$ ~languageLinks~ $end:Mobile$<a href="login.aspx?from=">~LabelSignOut~</a>&nbsp;$!Mobile$&nbsp;&nbsp;$end:Mobile$ &nbsp;$SearchEnabled$&nbsp;&nbsp;&nbsp;<a href="~searchLink~">~LabelSearch~:</a>&nbsp;<input class="editField" onkeypress="var key = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (key==13) runSearch(document.getElementById('_SearchQuery').value)" name="_SearchQuery" id="_SearchQuery" size="25" style="font-size: 8pt"></input>&nbsp;&nbsp;$end$
				    <!-- END OF TOP RIGHT LINKS -->
				    </div>
			    </div>
                
			    <div id="banner" class="fullWidth">
			    <center>
				    <div id="apptitle" class="portWidth" style="height: 50px;">
					    <div style="font-weight: normal; display: block; text-align: right; margin-right: 20px">
						    ~appDescription~
					    </div>
				    </div>
			    </center>
			    </div>
        
        
	    $Views$	
	        <!-- 头 主菜单 -->
<div class="menu">
			    <ul>
				    $ViewList$
                    <li class="$Selected$active$end:Sel$ " onclick="window.location.href='~Link~'"><a href="#"><span>~Title~</span></a></li>		    
				    $end:ViewList$
			    </ul>
	    $end:Views$
	   </div>
       
    <!-- 头 结束 -->
    <div class="clr">
    </div>

</div></div>
<!-- -------------------------头 结束----------------------- -->

       
       
	<div class="fullWidth screenBackground">
		<center>
		
			<div id="mainscreen" style="display: block;" class="portWidth screenBackground">
				
				<!-- START OF MAIN SCREEN -->
				
					<!-- NAVIGATOR START -->
					<div id="navDiv" style="float: left; display: block;">
						<table style="table-layout:fixed; margin:0px" cellspacing="0" cellpadding="0" class="mainTableStyle">
							<tr>
								<td valign="top" id="dbfElem_Nav">
										<table><tr>$Navigator$<td><a class="navListTitle" href="~ListLink~">~ListTitle~</a>&nbsp;&nbsp;<br /><a class="navRecTitle" href="~ShowThisLink~">~RowTitle~</a>&nbsp;&nbsp;</td>$end:Navigator$</tr></table>
							</tr>
						</table>
						
					</div>
					<!-- END OF NAVIGATOR -->
					
					<!-- WHATS NEXT -->
					<div  id="dbfElem_WhatNext" class="menuSection" style="margin-right: 20px; float: right; display: block">
						$HasReports$<div id="repButton"  data-dropdown="#reportsDD" onclick="javascript:showReports('$Reports$~Link~$end$')" style="" class="menuDropdown reports"><span>Reports  <span class="icon-caret-down"></span></span>&nbsp;</div>$end:HasReports$
						$HasActions$<div  data-dropdown="#whatNextDD" style="" id='wnlButton' onclick="javascript:showWhatNext('$Actions$~Link~$end$')" class="menuDropdown whatnext"><span>What's Next? <span class="icon-caret-down"></span>&nbsp;</span></div>$end:HasActions$
					</div>
					<!-- END OF WHATS NEXT -->
					<br clear=both />		
					<!-- br style="margin-bottom: 100px" /> -->
				
	
					<!-- START OF TUTORIALS -->
					$Tutorials$
					<table class="portWidth" style="border-radius: 10px; border: 1px solid orange; box-shadow: 10px 10px 5px #d0d0d0; width: 90%; font-weight: normal; font-size:1.2em; background-color:#FFFFCC; padding: 10px; border-spacing: 5px 5px">
					<tr style="padding: 2px; font-weight:normal"><td colspan="1" style="padding: 3px; background-color :#ffa550;border-bottom: 1px none black; font-weight:normal">Tutorial: <span style="font-weight:bold">~Name~</span></td><td align="right"><a href="~QuitLink~">Exit Tutorial</a></td></tr>
					$Description$<tr><td colspan="2" style="font-weight: normal; height: 23px">~Description~</td></tr>$end:Description$
					$StepTitle$<tr style="padding-top: 10px"><td colspan="2">Step: <span  style="text-decoration:underline; font-weight: bold">~StepTitle~</span></td></tr>$end:StepTitle$
					$StepDescription$<tr><td style="color: navy; font-weight:normal;" colspan="2">~StepDescription~</td></tr>$end:StepDescription$
					$Fields$<tr><td colspan="2"><span style="color: maroon; margin-left: 20px; font-weight: bold">~Title~</span>: ~Description~</td></tr>$end:Fields$
					<tr><td style="color: maroon; font-weight: bold; padding-left: 0px">
					$Tasks$
					<ul style="margin: 5px">
					<li style="margin: 2px 0 2 0">$Link$<a style="color:maroon; font-weight:bold" href="~Link~">~Details~</a>$end:Link$$!Link$~Details~$end$</li>
					</ul>
					$end:Tasks$		
					</td></tr>
					$HasRelated$
					<tr><td style="font-size: 0.8em; font-weight: normal; padding-left: 0px">Related Tutorials: 
					$Related$<a style="color:black; font-weight:bold" href="~Link~">~Title~</a>&nbsp;&nbsp;$end:Related$$end:HasRelated$</td></tr>
					</table>
					<p>
					$end:Tutorials$
					
					<!-- END OF TUTORIALS -->
					
					$Warning$
					<div style="display: block; background-color:#FF8080; margin-bottom: 10px; padding:5px 5px 5px 5px; font-size:1.2em">
					~WarningText~
					</div>
					$end:Warnings$

					$InfoPop$
					<table class="infopop">
						<tr>
						<td width="1%"><i style="font-size: 2em; vertical-align: top" class="icon-info-sign"></i></td>
						<td style="vertical-align: middle"><div class="infopoptext"> ~Message~</div></td>
					</tr>
					</table>
					$end:InfoPop$

					<div class="portWidth" style="display: inline-block">
					~#include:datascreen.inc~ 
					
						<div class="copyright">
						<span style='white-space:nowrap'>~appCopyright~</span>
						</div>
						
						<div class="editions">
						~appTitle~&nbsp;Server,
						Version ~version~<br />
						~Editions~$Editions$<br />$end$
						Up Since&nbsp;~starttime~<br />
						</div>
					</div>
					
					<!-- END OF MAIN SCREEN -->			
				</div>
			</div>
		</center>
	</div>
	
	<div id="logo" style="display: none; position: absolute; vertical-align: top; top:0px; left: 0px; ">
		<img style='float: left; vertical-align: top' border="0" src="logo.png.aspx?v=~version~">$hasLogoText$<div style='float: left; vertical-align: top' class='appTitle'>~appTitle~</div>$end$
	</div>

	<script type='text/javascript' src='scw.js'></script>

	<!-- hidden dropdown for actions -->
	<div id="whatNextDD" class="dropdown dropdown-tip dropdown-anchor-right">
		<ul class="dropdown-menu"><li>(loading...)</li></ul>
	</div>
	<div id="reportsDD" class="dropdown dropdown-tip dropdown-anchor-right">
		<ul class="dropdown-menu"><li>(loading...)</li></ul>
	</div>
	<div id="editDD" class="dropdown dropdown-tip">
		<ul class="dropdown-menu"><li>(loading...)</li></ul>
	</div>
	<div id="editDDRow" class="dropdown dropdown-tip dropdown-anchor-right">
		<ul class="dropdown-menu"><li>(loading...)</li></ul>
	</div>

</div>
</body>

<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

$end:Root$
</html>
